 <template>
  <div class="margin-bottom">
		<naviHeader></naviHeader>

    <div class="info-contianer">
      <div class="item">
        <div><img class="icon" src="../../images/icon/info/horn.png" alt=""></div>
        <div>
          <div class="title">系统消息</div>
          <div class="content">暂无新消息</div>

        </div>
       </div>      
      <div class="item">
        <div><img class="icon" src="../../images/icon/info/inform.png" alt=""></div>
        <div>
          <div class="title">消息推送</div>
          <div class="content">暂无新消息</div>
        </div>
      
      </div>      
      <div class="item">
        <div><img class="icon" src="../../images/icon/info/comment.png" alt=""></div>
        <div>
          <div class="title">评论消息</div>
          <div class="content">暂无新消息</div>
        </div>

      </div>      
      <div class="item">
        <div><img class="icon" src="../../images/icon/info/profit.png" alt=""></div>
        <div>
          <div class="title">收益消息</div>
          <div class="content">暂无新消息</div>
        </div>

      </div>      
      <div class="item">
        <div><img class="icon" src="../../images/icon/info/share.png" alt=""></div>
        <div>
          <div class="title">分享通知</div>
          <div class="content">暂无新消息</div>
        </div>

      </div>      
    </div>

    <!-- tab导航 -->
    <tabbar></tabbar>
  </div>
</template>

<script>
import tabbar from "src/components/tab/tabbar";
import naviHeader from "src/components/naviHeader/naviHeader";

export default {
  data() {
    return {};
  },
  components: {
    tabbar,
		naviHeader
  },
  mounted() {}
  // beforeDestroy() {
  //   clearInterval(this.timer);
  // }
};
</script>

<style lang="scss" scoped>
@import "../../style/mixin";

.margin-bottom {
  margin-bottom: 1.7rem;
}

.info-contianer {
  @include sc(0.3rem, #888);

  .icon {
    margin: 0 0.2rem 0 0.3rem;
  }

  .item {
    @include fj(flex-start);
    align-items: center;

    background: #fff;
    border-top: 2px solid #f1f1f1;
    height: 2rem;

    .title {
      @include sc(0.3rem, #333);
    }

    .content {
      @include sc(0.26rem, #888888);
      margin-top: 0.2rem;
    }
  }
}
</style>
